body{
	background: #2E1700;
}

.CodeMirror {
  border: 1px solid #eee;
  height: auto;
  height: 540px !important;
}
.CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}

.button, .minibutton{
	border-radius: 0px !important;
}
.CodeMirror-linenumber
{
	font-size: 16px !important;
}
#code-wrapper{
	overflow: hidden;
	width: 95%;
	padding: 20px;
	margin: 0 auto;
}
#source-code{
	margin-top: 10px;
	overflow: hidden;
}

#left{
	background: #fff;
	border-top: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	height: 600px;
	width: 49%;
	float: left;
	//border: 4px solid #e67e22;
}

#right{
	background: #fff;
	border-top: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	height: 600px;
	width: 49%;
	float: right;
	//border: 4px solid #e67e22;
}

.language-box-wrapper{
	width: 100%;
	height: 50px;
}
.language-box{
	padding: 10px;

}

.language-support{
	float: right;
	margin-top: -20px;
	margin-right: 20px;

}

.language-support span{
	color: #333;
	text-align: center;
	display: inline-block;
	margin-left: 6px;
	border-bottom: 1px solid #e67e22;
	width: 35px;
	font-size: 11px;
	font-weight: bold;
}
.language-support span:hover{
	cursor: pointer;
}
.language-support span:active{
	color: #4183c4;
}

.bar{
	width: 120px;
	padding: 4px;
	display: inline-block;
	padding: 7px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	background-color: #eaeaea;
	background-image: -moz-linear-gradient(#fafafa, #eaeaea);
	background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
	background-image: linear-gradient(#fafafa, #eaeaea);
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	border-bottom-color: #c5c5c5;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	vertical-align: middle;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	background: #090300;
}

#bar-controll{
	width: 100%;
	height: 35px;
}
#bar-controll-left{
	float: left;
	overflow: hidden;
}


#bar-controll-right{
	float: right;
	overflow: hidden;
}

/*-------------------------------------------------------------------------------------------*/
/* 10. BROWSER SPECIFIC */
/*-------------------------------------------------------------------------------------------*/

/* IE6 */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; }
.ie6 .button, .ie6 .button:visited{ padding:6px 0; margin:0;  }
.ie6 .widget input.submit { float:right; }
.ie6 #loopedSlider .content p, .ie6 #loopedSlider .content a h2 { width:300px; }
.ie6 .business #loopedSlider a.previous { top:150px; }
.ie6 .business #loopedSlider a.next { top:150px; }

/* IE7 */
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .button:visited {  padding:7px 6px; margin:0; }
.ie7 .nav-entries a  { font-style:normal !important; }
.ie7 #comments, .ie7 .comment-container, .ie7 .reply a  { position: static; }

.ie7 #footer-widgets .widget_woo_feedback  { zoom: 1; }

/* IE8 */
.ie8 .button, .ie8 .button:visited {  padding:10px 15px; margin:0; }
.ie8 .alignleft, .ie8 .alignright  { width: auto; }
.ie8 .widget_woo_blogauthorinfo .avatar  { width: auto; }

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
    background: #CCC;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
    background: #AAA;
}
::-webkit-scrollbar-thumb:active {
    background: #888;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}